// 浅色主题
$light-theme : (
  back-color: #ffffff,
  text-color: null,
  tip-back-color: #151d29,
);
//深色主题
$dark-theme : (
  back-color: #22303f,
  text-color: #ffffff
  tip-back-color: #f1f2f6,
);
//定义映射集合
$themes: (
  light-theme: $light-theme,
  dark-theme: $dark-theme
);

@mixin base-background(){
  @each $themename , $theme in $themes {
    [data-theme = '#{$themename}'] & {
      background-color: map-get($map: $theme, $key: back-color);
      color: map-get($map: $theme, $key: text-color);
    }
  }
}